code[class*=language-],
pre[class*=language-] {
	color: #ccc;
	background: none;
	font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

pre[class*=language-] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
	background: #2d2d2d
}

:not(pre)>code[class*=language-] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal
}

.token.block-comment,
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
	color: #999
}

.token.punctuation {
	color: #ccc
}

.token.attr-name,
.token.deleted,
.token.namespace,
.token.tag {
	color: #e2777a
}

.token.function-name {
	color: #6196cc
}

.token.boolean,
.token.function,
.token.number {
	color: #f08d49
}

.token.class-name,
.token.constant,
.token.property,
.token.symbol {
	color: #f8c555
}

.token.atrule,
.token.builtin,
.token.important,
.token.keyword,
.token.selector {
	color: #cc99cd
}

.token.attr-value,
.token.char,
.token.regex,
.token.string,
.token.variable {
	color: #7ec699
}

.token.entity,
.token.operator,
.token.url {
	color: #67cdcc
}

.token.bold,
.token.important {
	font-weight: 700
}

.token.italic {
	font-style: italic
}

.token.entity {
	cursor: help
}

.token.inserted {
	color: green
}

.content code {
	color: #476582;
	padding: .25rem .5rem;
	margin: 0;
	font-size: .85em;
	background-color: rgba(27, 31, 35, .05);
	border-radius: 3px;
	white-space: pre
}

.content pre,
.content pre[class*=language-] {
	line-height: 1.4;
	padding: 1.25rem 1.5rem;
	margin: .85rem 0;
	background-color: #282c34;
	border-radius: 6px;
	overflow: auto
}

.content pre[class*=language-] code,
.content pre code {
	color: #fff;
	padding: 0;
	background-color: transparent;
	border-radius: 0
}

div[class*=language-] {
	position: relative;
	background-color: #282c34;
	border-radius: 6px
}

div[class*=language-] .highlight-lines {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-top: 1.3rem;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 1.4
}

div[class*=language-] .highlight-lines .highlighted {
	background-color: rgba(0, 0, 0, .66)
}

div[class*=language-] pre,
div[class*=language-] pre[class*=language-] {
	background: transparent;
	position: relative;
	z-index: 1
}

div[class*=language-]:before {
	position: absolute;
	z-index: 3;
	top: .8em;
	right: 1em;
	font-size: .75rem;
	color: hsla(0, 0%, 100%, .4)
}

div[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper {
	display: none
}

div[class*=language-].line-numbers-mode .highlight-lines .highlighted {
	position: relative
}

div[class*=language-].line-numbers-mode .highlight-lines .highlighted:before {
	content: " ";
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	display: block;
	width: 3.5rem;
	height: 100%;
	background-color: rgba(0, 0, 0, .66)
}

div[class*=language-].line-numbers-mode pre {
	padding-left: 4.5rem;
	vertical-align: middle
}

div[class*=language-].line-numbers-mode .line-numbers-wrapper {
	position: absolute;
	top: 0;
	width: 3.5rem;
	text-align: center;
	color: hsla(0, 0%, 100%, .3);
	padding: 1.25rem 0;
	line-height: 1.4
}

div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number,
div[class*=language-].line-numbers-mode .line-numbers-wrapper br {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

div[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number {
	position: relative;
	z-index: 4;
	font-size: .85em
}

div[class*=language-].line-numbers-mode:after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 3.5rem;
	height: 100%;
	border-radius: 6px 0 0 6px;
	border-right: 1px solid rgba(0, 0, 0, .66);
	background-color: #282c34
}

div[class~=language-js]:before {
	content: "js"
}

div[class~=language-ts]:before {
	content: "ts"
}

div[class~=language-html]:before {
	content: "html"
}

div[class~=language-md]:before {
	content: "md"
}

div[class~=language-vue]:before {
	content: "vue"
}

div[class~=language-css]:before {
	content: "css"
}

div[class~=language-sass]:before {
	content: "sass"
}

div[class~=language-scss]:before {
	content: "scss"
}

div[class~=language-less]:before {
	content: "less"
}

div[class~=language-stylus]:before {
	content: "stylus"
}

div[class~=language-go]:before {
	content: "go"
}

div[class~=language-java]:before {
	content: "java"
}

div[class~=language-c]:before {
	content: "c"
}

div[class~=language-sh]:before {
	content: "sh"
}

div[class~=language-yaml]:before {
	content: "yaml"
}

div[class~=language-py]:before {
	content: "py"
}

div[class~=language-javascript]:before {
	content: "js"
}

div[class~=language-typescript]:before {
	content: "ts"
}

div[class~=language-markup]:before {
	content: "html"
}

div[class~=language-markdown]:before {
	content: "md"
}

div[class~=language-json]:before {
	content: "json"
}

div[class~=language-ruby]:before {
	content: "rb"
}

div[class~=language-python]:before {
	content: "py"
}

div[class~=language-bash]:before {
	content: "sh"
}


.custom-block .custom-block-title {
	font-weight: 600;
	margin-bottom: -.4rem
}

.custom-block.danger,
.custom-block.tip,
.custom-block.warning {
	padding: .1rem 1.5rem;
	border-left-width: .5rem;
	border-left-style: solid;
	margin: 1rem 0
}
.custom-block.danger>p:last-child,
.custom-block.tip>p:last-child,
.custom-block.warning>p:last-child {
	margin-top: 0;
	margin-bottom: 6px;
}


.custom-block.tip {
	background-color: #f3f5f7;
	border-color: #42b983
}

.custom-block.warning {
	background-color: rgba(255, 229, 100, .3);
	border-color: #e7c000;
	color: #6b5900
}

.custom-block.warning .custom-block-title {
	color: #b29400
}

.custom-block.warning a {
	color: #2c3e50
}

.custom-block.danger {
	background-color: #ffe6e6;
	border-color: #c00;
	color: #4d0000
}

.custom-block.danger .custom-block-title {
	color: #900
}

.custom-block.danger a {
	color: #2c3e50
}

.bit-sponsor {
	font-weight: 600;
	background-color: #f3f6f8;
	padding: .6em 1.2em;
	border-radius: 8px;
	display: inline-block;
	margin: 1em 0 !important
}

.bit-sponsor a {
	color: #999
}

.bit-sponsor img {
	height: 40px;
	margin-left: 15px
}

.bit-sponsor img,
.bit-sponsor span {
	vertical-align: middle
}